$base_width: 1920px;
$base_height: 1080px;


$first-title-color: #333;
$second-title-color: #666;
$third-title-color: #999;

$first-split-color: #F2F2F2;
$second-split-color: #ccc;

$link-color: #0084EE;
$link-color-press: #42a5f5;

$primary-color: #D12D1F;

$gray-bg: #f3f4f8;

.bg-gray {
  background-color: $gray-bg;
}

.bg-white{
  background-color: white;
}

.primary-text {
  color: $primary-color;
}

.primary-bg {
  background-color: $primary-color;
}

.link-text {
  color: $link-color;
}

.link-text-press {
  color: $link-color-press;
}

.primary-bg {
  background-color: $link-color;
}


.main-title {
  color: $first-title-color;
}

.sub-title {
  color: $second-title-color;
}

.third-title {
  color: $third-title-color;
}


@function vw($px) {
  @return ($px / $base_width) * 100vw;
}

@function vh($px) {
  @return ($px / $base_height) * 100vh;
}
